<template>
<div>
  <div class="block" >
    <span class="demonstration">时间</span>
    <el-date-picker
        v-model="value1"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期">
    </el-date-picker>
    <div style="z-index: 9999; position: relative;right: 10px;height: 1px ">
      <el-button-group>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <el-button type="primary" icon="el-icon-refresh">重置</el-button>
      </el-button-group>
    </div>

  </div>

  <div style="top:100px">
  <el-table
      :data="tableData"
      border
      style="width: 100%">
    <el-table-column
        fixed
        prop="name"
        label="申请人姓名"
        width="100">
    </el-table-column>
    <el-table-column
        prop="IdCard"
        label="身份证号码"
        width="70">
    </el-table-column>
    <el-table-column
        prop="phone"
        label="电话号码"
        width="120">
    </el-table-column>
    <el-table-column
        prop="type"
        label="隔离人员类型"
        width="100">
    </el-table-column>
    <el-table-column
        prop="InTime"
        label="入住时间"
        width="220">
    </el-table-column>
    <el-table-column
        prop="OutTime"
        label="离开时间"
        width="120">
    </el-table-column>
    <el-table-column
        prop="audit"
        label="审核状态"
        width="70">
    </el-table-column>
    <el-table-column
        fixed="right"
        label="操作"
        width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">审核</el-button>
      </template>
    </el-table-column>
  </el-table>
  </div>
</div>
</template>

<script>
export default {
  data() {
    return {
      tableData:[name,IdCard,type,InTime,OutTime],
      value1: '',
    };
  },
  methods: {
    handleClick(row) {
      console.log(row);
    }
  },
};
</script>

<style scoped>

</style>